<template>
	<view class="goodInfor">
		<image :src="picture" />
		<view class="good-text">
			<view class="title">{{title}}</view>
			<view class="actual-payment">
				<view class="label">实付款</view>
				<view class="money">{{"￥"+sellPrice}}</view>
			</view>
		</view>
	</view>
</template>
<script>
export default {
  props: {
    picture: { type: String },
    title: { type: String },
    sellPrice: { type: Number },
  },
  data() {
    return {

    }
  }
}
</script>
<style lang="scss">
.goodInfor{
      display: flex;
      padding: 10rpx;
      flex-direction: row;
      image{
        height:224rpx ;
        width: 224rpx;
        border-radius: 16rpx;
        border: rgba(58, 98, 233, 1) solid 2rpx;
        padding: 5rpx;
      }
    .good-text{
      position: relative;
      .title{
        font-size:32rpx ;
        height: 180rpx;
        color: rgba(0, 0, 0, 1);
      }
      .actual-payment{
        display: flex;
        align-items: center;
        justify-content: space-between;
        .label{
          font-size: 28rpx;
        }
        .money{

          margin-right: 10rpx;
          color: rgba(236, 73, 59, 1);

        }
      }

    }

    }
</style>
